import { Shape } from '@antv/x6'
import { NODE_SETING_ENUM } from '../config'
import baseOptions from './baseOptions'

export const CustomEllipse = Shape.Ellipse.define({
  constructorName: 'custom-ellipse',
  ...baseOptions,
  markup: [
    ...baseOptions.markup,
    {
      tagName: 'ellipse',
      selector: 'body'
    }
  ],
  data: {
    options: [
      NODE_SETING_ENUM.WIDTH,
      NODE_SETING_ENUM.HEIGHT,
      NODE_SETING_ENUM.FILL,
      NODE_SETING_ENUM.ANGLE,
      NODE_SETING_ENUM.STROKE,
      NODE_SETING_ENUM.STROKE_WIDTH,
      NODE_SETING_ENUM.FONT_SIZE,
      NODE_SETING_ENUM.FONT_COLOR,
      NODE_SETING_ENUM.TEXT_WRAP
    ]
  }
})
